﻿/*work*/

.work-container { width: 100%; height: 100%; margin: 0; }
.work-container .work-app { height: 100%; }
.flx-center { display: flex; align-items: center; justify-content: center; }


/*login*/

.login-container { height: 100%; min-height: 550px; background-color: #eeeeee; background-image: url("images/login_bg.svg"); background-size: 100% 100%; background-size: cover; }
.login-box { position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: space-around; width: 96.5%; height: 94%; padding: 0 80px 0 50px; background-color: rgb(255 255 255 / 80%); border-radius: 10px; }
.login-left { width: 800px; margin-right: 10px; }
.login-left-img { width: 100%; height: 100%; }


.login-form { position: relative; width: 420px; padding: 50px 40px 45px; background-color: var(--el-bg-color); border-radius: 10px; box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px; }
.login-logo { display: flex; align-items: center; justify-content: left; margin-bottom: 20px; }
.login-icon { width: 60px; border-radius: 5px; }
.logo-text { padding: 0 0 0 25px; margin: 0; font-size: 40px; font-weight: bold; color: #34495e; white-space: nowrap; }
.el-form-item { margin-bottom: 20px; }
.login-btn { display: flex; justify-content: space-between; width: 100%; margin-top: 30px; white-space: nowrap; }
.el-button { width: 185px; }

@media screen and (width <= 1250px) {
    .login-left { display: none; }
}

@media screen and (width <= 600px) {
    .login-form { width: 97% !important; }
}


/*loading*/

.work-init-loading { background-color: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; display: flex; justify-content: center; align-items: center; }
.work-init-loading::after { content: ''; width: 280px; height: 70px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
